<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">
    <ui:define name="cabecera">
        <title>Sistema de registro de especímenes de zoología</title>
    </ui:define>
    <ui:define name="contenido">
        
                <h:form id="addButton">
                    <p:commandButton value="Nueva localidad" actionListener="#{localidadBean.prepararAdicion}" update=":dialogo:panelLocalidad" oncomplete="dialogoLocalidad.show()"/>
                </h:form>
                
                <h1>Gestión de localidads</h1>
                <br/>
                <h:form id="tabla">
                    <p:dataTable id="tablacrud" var="localidad" value="#{localidadBean.listaLocalidades}"
                                 rowKey="#{localidad.codigolocalidad}">
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="distrito"/>
                            </f:facet>
                            <h:outputText value="#{localidad.distrito}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Actualizar"/>
                            </f:facet>
                            <p:commandButton value="Actualizar" actionListener="#{localidadBean.prepararModificacion(localidad)}" update=":dialogo:panelLocalidad" oncomplete="dialogoLocalidad.show()" />
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Eliminar"/>
                            </f:facet>
                            <p:commandButton value="Eliminar" update="@form" actionListener="#{localidadBean.eliminarLocalidad(localidad)}" />
                        </p:column>
                    </p:dataTable>
                </h:form>
    </ui:define>  
    
    <ui:define name="extra">
        <p:dialog header="Gestión de localidad" widgetVar="dialogoLocalidad"  
                  resizable="false" modal="true" showEffect="fade" width="500">
            <h:form id="dialogo">
                <h:panelGrid id="panelLocalidad" columns="2" style="margin-bottom:10px">

                    <h:outputLabel for="distrito" value="Distrito:" />
                    <h:inputText id="distrito" value="#{localidadBean.localidad.distrito}" required="true"/>

                    <h:outputLabel for="codigomunicipio" value="Municipio:" />
                    <h:inputText id="codigomunicipio" value="#{localidadBean.localidad.municipio.codigomunicipio}" required="true"/>
                    
                    <h:outputLabel for="codigolocalidad" value="codigo localidad:" />
                    <h:inputText id="codigolocalidad" value="#{localidadBean.localidad.codigolocalidad}" required="true"/>

                  

                   

                </h:panelGrid>
                
                <p:commandButton value="Guardar" update=":tabla:tablacrud" oncomplete="dialogoLocalidad.hide();" actionListener="#{localidadBean.agregarLocalidad}" style="float:right;" />
                <p:commandButton value="Cancelar" update=":tabla:tablacrud" oncomplete="dialogoLocalidad.hide();" style="float:right;" />
                
            </h:form>
        </p:dialog>
    </ui:define>
</ui:composition>

